<template>
  <div>
    <nav>
      <a id="profile" href="/profile">My Profile</a>
      <a v-if="$props.admin" id="admin" href="/admin">Admin</a>
      <a v-show="false" id="user" href="/user">User detial</a>
    </nav>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue';
// const admin = ref(false);

const $props = defineProps({
  admin: { type: Boolean, default: false },
});
</script>

<style scoped></style>
